<%@ taglib prefix="C" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 陈洋
  Date: 2022/6/18
  Time: 16:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
  <style type="text/css">
    .Container {
      height: 600px;
      width: 700px;
      border: solid 1px red;
      margin-left: 350px;
    }

    .title {
      height: 90px;
      width: 100%;
      display: flex;
      justify-content: flex-start;
    }

    .title_left {
      display: flex;
      justify-content: flex-start;
      padding-left: 180px;
      width: 100%;
    }

    .banktitle {
      color: black;
      font-size: 40px;
      line-height: 90px;
      font-weight: bold;
    }

    .banktitleimg {
      height: auto;
      width: 50px;
      padding-top: 20px;
    }

    .subject {
      height: 60%;
    }
    .main_menu{
      display: flex;
      justify-content: flex-start;
      width: 100%;
      height: 40px;
    }
    .main_menu_div{
      height: 40px;
      width: 25%;
      background: darkgray;
      line-height: 40px;
    }
    .main_contain{
      height:315px ;
    }

    .statement_end {
      padding-left: 250px;
    }

    .statement_text {
      font-size: 20px;
      color: red;
      font-weight: bold;
    }

    a:link {
      text-decoration: none;
      cursor: pointer;
    }
    input.
  </style>
</head>
<body>
<div class="Container">
  <div class="title">
    <div class="title_left">
      <div><span class="banktitle">ICBC</span></div>
      <div><img class="banktitleimg" src="img/780.jpg"></div>
      <div><span class="banktitle">工商银行</span></div>
    </div>

  </div>

  <div class="subject">
    <hr class="nav" style="width: 100%;border-style: solid;border-width: 0px 0px 3px 0px;color:rgb(238,238,238);">
    <div class="subject_main">
      <div class="main_menu">
        <div class="main_menu_div" style="padding-left: 70px;"><a href="queryinfo.jsp">查询</a></div>
        <div class="main_menu_div"><a href="getmoney.jsp">取款</a></div>
        <div class="main_menu_div"><a href="turnmoney.jsp">转账</a></div>
        <div class="main_menu_div"><a href="detail.jsp">明细</a></div>
      </div>
      <div class="main_contain">
        <div>
          <form action="Detail" method="post">
            <label>银行卡号:</label>
            <input type="text" name="BankId" placeholder="请输入银行卡号 "/>
            <input type="submit" value="查询"/>
          </form>
        </div>
        <div>
          <C:forEach items="${sessionScope.Detail_transaction}" var="Detail_transaction">
            <tr>
              <td><p>交易时间:${Detail_transaction.datetime}</p></td>
              <td><p>交易金额:${Detail_transaction.ts_money}</p></td>
            </tr>
          </C:forEach>
        </div>
      </div>
    </div>

  </div>
  <div class="statement">
    <hr class="nav" style="width: 100%;border-style: solid;border-width: 0px 0px 3px 0px;color:rgb(238,238,238);">
    <div class="statement_end">
      <p class="statement_text">技术支持 || 家中实训 </p>
      <p class="statement_text">项目题目 || 工商银行</p>
    </div>
  </div>
</div>
</body>
</html>
